<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%@ include file="/common/taglib.jsp" %>
<%@ include file="/common/common.jsp" %>    
<base href="<%=basePath%>">
<title>鸿福迎门-装修常识</title>
<link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css">
<!--渐隐样式-->
<link rel="stylesheet" href="play/css/luara.css"/>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="jquery-1.11.3/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap-3.3.5/js/bootstrap.min.js"></script>
<!--Luara js文件-->
<script src="play/js/jquery.luara.0.0.1.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#knowledge").addClass("active"); //添加样式
	
})
</script>
<style type=text/css>
	body{
		background-color:#f1f5f8;
	}
	.know_content{
		margin-left:5px;
		height:100%;
	}
	.know_content_t{
		font-weight : bold ;
		font-size : 22px;
	}
	.know_content_c{
		margin-top:10px;
	}
	.know_content_time{
		margin-top:10px;
	}
	.knowlist{
		margin-top : 10px;
		border:1px solid #dcdcdc;
		
	}
</style>
</head>
<body>
<jsp:include page="/index/head.html"></jsp:include>
<div class="container">
	<div class="body">
		<div class="know">
			<h4>装修常识</h4>
			<c:forEach items="${ks }" var="k">
				<table class="knowlist">
				<tr>
					<td>
						<a href="index/knowledgeDesc.html?kId=${k.id }"><img src="${k.coverPhoto }" width="180px" height="150px"/></a>
					</td>
					<td valign="top" style="padding-left:5px;" width="100%">
						<table>
							<tr>
								<td><div class="know_content_t"><a href="index/knowledgeDesc.html?kId=${k.id }">${k.title }</a></div></td>
							</tr>
							<tr>
								<td><div class="know_content_c">
								${fn:substring(k.content, 0, 200)}[<a href="index/knowledgeDesc.html?kId=${k.id }">详细</a>]
							</div></td>
							</tr>
							<tr>
								<td><div class="know_content_time">${k.createDate }  浏览(${k.readCount})</div></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>	
			</c:forEach>
		</div>
	</div>
</div>
<jsp:include page="/index/bottom.html"></jsp:include>
</body>
</html>